<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>堆糖</title>
	<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
	<link rel="stylesheet" href="css/style.css">

</head>
<body>
	<header>
		<div class="container">
			<div class="float">
				<a href="#" class="a1"></a>
				<a href="#" class="a2">分类 ∨</a>
				<form action="">
					<input type="text"  placeholder="搜索感兴趣的内容">
					<button></button>
				</form>
				<div class="right">
					<a href="#">堆糖生活家</a>
					<a href="#">注册/登录</a>
				</div>
			</div>
		</div>
	</header>
	<div class="banner">
		<div class="container">
			<div class="top">
				<img src="images/banner-1.jpeg" alt="">
			</div>
			<div class="button">
				<div class="left"><a href="#"><img src="images/轮播.jpg" alt=""></a></div>
				<div class="right">
					<h3>社区热点</h3>
					<div class="a-many">
						<a href="#">小怪兽</a>
						<a href="#">我只喜欢你</a>
						<a href="#">可爱</a>
						<a href="#">桃子</a>
						<a href="#">线描</a>
						<a href="#">儿童节</a>
						<a href="#">木村光希</a>
						<a href="#">毕业</a>
					</div>
					<div class="sp-many">
						<a href="#" ><span class="sp-1">精选</span><span class="sp-2">招募 ● 少女感养...</span></a>
						<a href="#"><span class="sp-1">精选</span><span class="sp-2">招募 ● 少女感养...</span></a>
					</div>
					<div class="app">
						<img src="images/app.png" alt="">
						<div class="app-right">
							<h4>堆糖 - 美好生活研究所</h4>
							<p>最佳生活类应用</p>
							<a href="#">立即下载</a>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	<main>
		<div class="container">
			<div class="left">
				<ul>
					<li class="li1"><a href="#">每日精选</a></li>
					<li><a href="#">关注动态</a></li>
				</ul>
			</div>
			<div class="center">
				<div class="detail">
					<div class="top">
						<a href="#"><img src="images/tu1.png" alt=""></a>
						<a href="#">
							<h3>堆糖小喇叭</h3>
							<p>热门内容</p>
						</a>
					</div>
					<p class="p1">留下壁纸，我们就是朋友！</p>
					<div class="content">
						<div class="content-1"><img src="images/tu1.png" alt=""><span>堆糖小喇叭</span></div>
						<div class="content-2"><img src="images/wenzhang.png" alt=""><span>文章</span></div>
						<img class="img-2" src="images/transfer/1.jpg" alt="">
					</div>
					<div class="operation">
						<a href="#" class="a1">140</a>
						<a href="#" class="a2">219</a>
						<a href="#" class="a3">更多</a>
					</div>
				</div>
				<div class="detail">
					<div class="top">
						<a href="#"><img src="images/tu2.png" alt=""></a>
						<a href="#">
							<h3>coloroom彩条屋</h3>
							<p>热门内容</p>
						</a>
					</div>
					<p class="p1">如何构思一副小插画，樱花梦境，黑白插画入门教程</p>
					<div class="content">
						<div class="content-1"><img src="images/tu2.png" alt=""><span>coloroom彩条屋</span></div>
						<div class="content-2"><img src="images/wenzhang.png" alt=""><span>文章</span></div>
						<img class="img-2" src="images/transfer/2.jpg" alt="">
					</div>
					<div class="operation">
						<a href="#" class="a1">1228</a>
						<a href="#" class="a2">1581</a>
						<a href="#" class="a3">更多</a>
					</div>
				</div>
				<div class="detail">
					<div class="top">
						<a href="#"><img src="images/tu3.png" alt=""></a>
						<a href="#">
							<h3>美少女PINK酱</h3>
							<p>热门内容</p>
						</a>
					</div>
					<p class="p1">最近爱上了画花</p>
					<div class="content">
						<div class="content-1"><img src="images/tu3.png" alt=""><span>美少女PINK酱</span></div>
						<div class="content-2"><img src="images/wenzhang.png" alt=""><span>文章</span></div>
						<img class="img-2" src="images/transfer/1.jpg" alt="">
					</div>
					<div class="operation">
						<a href="#" class="a1">161</a>
						<a href="#" class="a2">965</a>
						<a href="#" class="a3">更多</a>
					</div>
				</div>
				<div class="detail">
					<div class="top">
						<a href="#"><img src="images/tu4.png" alt=""></a>
						<a href="#">
							<h3>—我最喜欢的猪—</h3>
							<p>热门内容</p>
						</a>
					</div>
					<p class="p1">有哪些适合摘抄的 文艺且悲凉的句子？</p>
					<img class="img-2" src="images/big-4.jpg" alt="">
					<div class="operation">
						<a href="#" class="a1">82</a>
						<a href="#" class="a2">274</a>
						<a href="#" class="a3">更多</a>
					</div>
				</div>
				<div class="detail">
					<div class="top">
						<a href="#"><img src="images/tu5.png" alt=""></a>
						<a href="#">
							<h3>干脆面炼金术士</h3>
							<p>热门内容</p>
						</a>
					</div>
					<p class="p1">人生的意义，在于一天比一天获得快乐</p>
					<div class="content">
						<div class="content-1"><img src="images/tu5.png" alt=""><span>干脆面炼金术士</span></div>
						<div class="content-2"><img src="images/wenzhang.png" alt=""><span>文章</span></div>
						<img class="img-2" src="images/transfer/4.jpg" alt="">
					</div>
					<div class="operation">
						<a href="#" class="a1">54</a>
						<a href="#" class="a2">104</a>
						<a href="#" class="a3">更多</a>
					</div>
				</div>
				<div class="detail">
					<div class="top">
						<a href="#"><img src="images/tu1.png" alt=""></a>
						<a href="#">
							<h3>糖堆小喇叭</h3>
							<p>热门内容</p>
						</a>
					</div>
					<p class="p1">我曾为你动过情</p>
					<div class="content">
						<div class="content-1"><img src="images/tu1.png" alt=""><span>糖堆小喇叭</span></div>
						<div class="content-2"><img src="images/wenzhang.png" alt=""><span>文章</span></div>
						<img class="img-2" src="images/transfer/5.jpg" alt="">
					</div>
					<div class="operation">
						<a href="#" class="a1">300</a>
						<a href="#" class="a2">665</a>
						<a href="#" class="a3">更多</a>
					</div>
				</div>
				<div class="detail">
					<div class="top">
						<a href="#"><img src="images/tu4.png" alt=""></a>
						<a href="#">
							<h3>—我最喜欢的猪—</h3>
							<p>热门内容</p>
						</a>
					</div>
					<p class="p1">登上79所高校学生借阅排行榜的九本书</p>
					<div class="content">
						<div class="content-1"><img src="images/tu4.png" alt=""><span>美少女PINK酱</span></div>
						<div class="content-2"><img src="images/wenzhang.png" alt=""><span>文章</span></div>
						<img class="img-2" src="images/transfer/6.jpg" alt="">
					</div>
					<div class="operation">
						<a href="#" class="a1">50</a>
						<a href="#" class="a2">151</a>
						<a href="#" class="a3">更多</a>
					</div>
				</div>
				<div class="detail">
					<div class="top">
						<a href="#"><img src="images/tu7.png" alt=""></a>
						<a href="#">
							<h3>情写风月</h3>
							<p>热门内容</p>
						</a>
					</div>
					<p class="p1">799风黑内存美化包</p>
					<div class="content">
						<div class="content-1"><img src="images/tu7.png" alt=""><span>美少女PINK酱</span></div>
						<div class="content-2"><img src="images/wenzhang.png" alt=""><span>文章</span></div>
						<img class="img-2" src="images/transfer/7.jpg" alt="">
					</div>
					<div class="operation">
						<a href="#" class="a1">35</a>
						<a href="#" class="a2">22</a>
						<a href="#" class="a3">更多</a>
					</div>
				</div>
				<div class="detail">
					<div class="top">
						<a href="#"><img src="images/tu8.png" alt=""></a>
						<a href="#">
							<h3>审</h3>
							<p>热门内容</p>
						</a>
					</div>
					<p class="p1">火影你们粉谁 留名我去截头像！</p>
					<img class="img-2" src="images/big-9.jpg" alt="">
					<div class="operation">
						<a href="#" class="a1">9</a>
						<a href="#" class="a2">1</a>
						<a href="#" class="a3">更多</a>
					</div>
				</div>
				<div class="detail">
					<div class="top">
						<a href="#"><img src="images/tu1.png" alt=""></a>
						<a href="#">
							<h3>堆糖小喇叭</h3>
							<p>热门内容</p>
						</a>
					</div>
					<p class="p1">留下壁纸，我们就是朋友！</p>
					<div class="content">
						<div class="content-1"><img src="images/tu1.png" alt=""><span>堆糖小喇叭</span></div>
						<div class="content-2"><img src="images/wenzhang.png" alt=""><span>文章</span></div>
						<img class="img-2" src="images/transfer/8.jpg" alt="">
					</div>
					<div class="operation">
						<a href="#" class="a1">140</a>
						<a href="#" class="a2">219</a>
						<a href="#" class="a3">更多</a>
					</div>
				</div>
				<div class="detail">
					<div class="top">
						<a href="#"><img src="images/tu2.png" alt=""></a>
						<a href="#">
							<h3>coloroom彩条屋</h3>
							<p>热门内容</p>
						</a>
					</div>
					<p class="p1">如何构思一副小插画，樱花梦境，黑白插画入门教程</p>
					<div class="content">
						<div class="content-1"><img src="images/tu2.png" alt=""><span>coloroom彩条屋</span></div>
						<div class="content-2"><img src="images/wenzhang.png" alt=""><span>文章</span></div>
						<img class="img-2" src="images/transfer/9.jpg" alt="">
					</div>
					<div class="operation">
						<a href="#" class="a1">1228</a>
						<a href="#" class="a2">1581</a>
						<a href="#" class="a3">更多</a>
					</div>
				</div>
				<div class="detail">
					<div class="top">
						<a href="#"><img src="images/tu3.png" alt=""></a>
						<a href="#">
							<h3>美少女PINK酱</h3>
							<p>热门内容</p>
						</a>
					</div>
					<p class="p1">最近爱上了画花</p>
					<div class="content">
						<div class="content-1"><img src="images/tu3.png" alt=""><span>美少女PINK酱</span></div>
						<div class="content-2"><img src="images/wenzhang.png" alt=""><span>文章</span></div>
						<img class="img-2" src="images/transfer/10.jpg" alt="">
					</div>
					<div class="operation">
						<a href="#" class="a1">161</a>
						<a href="#" class="a2">965</a>
						<a href="#" class="a3">更多</a>
					</div>
				</div>
				<div class="detail">
					<div class="top">
						<a href="#"><img src="images/tu4.png" alt=""></a>
						<a href="#">
							<h3>—我最喜欢的猪—</h3>
							<p>热门内容</p>
						</a>
					</div>
					<p class="p1">有哪些适合摘抄的 文艺且悲凉的句子？</p>
					<img class="img-2" src="images/big-4.jpg" alt="">
					<div class="operation">
						<a href="#" class="a1">82</a>
						<a href="#" class="a2">274</a>
						<a href="#" class="a3">更多</a>
					</div>
				</div>
				<div class="detail">
					<div class="top">
						<a href="#"><img src="images/tu5.png" alt=""></a>
						<a href="#">
							<h3>干脆面炼金术士</h3>
							<p>热门内容</p>
						</a>
					</div>
					<p class="p1">人生的意义，在于一天比一天获得快乐</p>
					<div class="content">
						<div class="content-1"><img src="images/tu5.png" alt=""><span>干脆面炼金术士</span></div>
						<div class="content-2"><img src="images/wenzhang.png" alt=""><span>文章</span></div>
						<img class="img-2" src="images/transfer/11.jpg" alt="">
					</div>
					<div class="operation">
						<a href="#" class="a1">54</a>
						<a href="#" class="a2">104</a>
						<a href="#" class="a3">更多</a>
					</div>
				</div>
				<div class="detail">
					<div class="top">
						<a href="#"><img src="images/tu1.png" alt=""></a>
						<a href="#">
							<h3>糖堆小喇叭</h3>
							<p>热门内容</p>
						</a>
					</div>
					<p class="p1">我曾为你动过情</p>
					<div class="content">
						<div class="content-1"><img src="images/tu1.png" alt=""><span>糖堆小喇叭</span></div>
						<div class="content-2"><img src="images/wenzhang.png" alt=""><span>文章</span></div>
						<img class="img-2" src="images/transfer/12.jpg" alt="">
					</div>
					<div class="operation">
						<a href="#" class="a1">300</a>
						<a href="#" class="a2">665</a>
						<a href="#" class="a3">更多</a>
					</div>
				</div>
				<div class="detail">
					<div class="top">
						<a href="#"><img src="images/tu4.png" alt=""></a>
						<a href="#">
							<h3>—我最喜欢的猪—</h3>
							<p>热门内容</p>
						</a>
					</div>
					<p class="p1">登上79所高校学生借阅排行榜的九本书</p>
					<div class="content">
						<div class="content-1"><img src="images/tu4.png" alt=""><span>美少女PINK酱</span></div>
						<div class="content-2"><img src="images/wenzhang.png" alt=""><span>文章</span></div>
						<img class="img-2" src="images/transfer/6.jpg" alt="">
					</div>
					<div class="operation">
						<a href="#" class="a1">50</a>
						<a href="#" class="a2">151</a>
						<a href="#" class="a3">更多</a>
					</div>
				</div>
				<div class="detail">
					<div class="top">
						<a href="#"><img src="images/tu7.png" alt=""></a>
						<a href="#">
							<h3>情写风月</h3>
							<p>热门内容</p>
						</a>
					</div>
					<p class="p1">799风黑内存美化包</p>
					<div class="content">
						<div class="content-1"><img src="images/tu7.png" alt=""><span>美少女PINK酱</span></div>
						<div class="content-2"><img src="images/wenzhang.png" alt=""><span>文章</span></div>
						<img class="img-2" src="images/transfer/7.jpg" alt="">
					</div>
					<div class="operation">
						<a href="#" class="a1">35</a>
						<a href="#" class="a2">22</a>
						<a href="#" class="a3">更多</a>
					</div>
				</div>
				<div class="detail-1">
					<a href="#" class="a4">查看更多 <span> ﹀</span></a>
				</div>
			</div>
			<div class="right">
				<div class="follow">
					<h3>推荐关注<a href="#">换一批</a></h3>
					<ul>
						<li>
							<div class="chart">
								<a href="#">
									<img class="chart-1" src="images/图1.jpg" alt="">
									<img class="chart-v" src="images/v.png" alt="">
								</a>
							</div>
							<div class="desc">
								<a href="#">蓝蓝蓝de海</a>
								<p>擅长领域: <span>园艺</span></p>
							</div>
							<a href="#" class="a1">关注</a>
						</li>
						<li>
							<div class="chart">
								<a href="#">
									<img class="chart-1" src="images/图2.jpg" alt="">
									<img class="chart-v" src="images/v.png" alt="">
								</a>
							</div>
							<div class="desc">
								<a href="#">小哈Hana</a>
								<p>擅长领域: <span>Q版</span></p>
							</div>
							<a href="#" class="a1">关注</a>
						</li>
						<li>
							<div class="chart">
								<a href="#">
									<img class="chart-1" src="images/图3.jpg" alt="">
									<img class="chart-v" src="images/v.png" alt="">
								</a>
							</div>
							<div class="desc">
								<a href="#">Hellerr</a>
								<p>擅长领域: <span>壁纸</span></p>
							</div>
							<a href="#" class="a1">关注</a>
						</li>
						<li>
							<div class="chart">
								<a href="#">
									<img class="chart-1" src="images/图4.jpg" alt="">
									<img class="chart-v" src="images/v.png" alt="">
								</a>
							</div>
							<div class="desc">
								<a href="#">探索每日的喜好</a>
								<p>擅长领域: <span>时尚</span></p>
							</div>
							<a href="#" class="a1">关注</a>
						</li>
					</ul>
					<a href="#" class="a4">查看更多 <span> ›</span></a>
				</div>
				<img class="img1" src="images/二维码.jpg" alt="">
			</div>
		</div>
	</main>
	<footer>
	  <div class="footer">
		<div class="footer-1">
			<h4>APP下载</h4>
			<img src="images/二维码1.png" alt="">
			<p>扫描二维码</p>
			<p>下载堆糖手机客户端</p>
		</div>
		<div class="footer-2">
			<h4>关于我们</h4>
			<a href="#">关于我们</a> 
			<a href="#">加入我们</a>
			<a href="#">联系我们</a>
			<a href="#">商务合作</a>
		</div>
		<div class="footer-2">
			<h4>关注我们</h4>
			<a href="#">新浪微博</a>
			<a href="#">微信公众号</a>
		</div>
		<div class="footer-2 footer-3">
			<h4>关注我们</h4>
			<a href="#">爱物网</a>
			<a href="#">东方女性网</a>
			<a href="#">肉丁网</a>
			<a href="#">更多..</a>
		</div>
		<p class="p1">©2019 duitang.com 版权所有。沪ICP备10038086号-3 <img src="images/logelan.png" alt=""> <img src="images/logehuang.png" alt=""> | 增值电信业务经营许可证：沪B2-20180610自营经营者信息</p>
		<p class="p2"><img src="images/logelv.png" alt="">上海市互联网违法和不良信息举报中心 |有害内容举报电话：021-63462282</p>
	  </div>
	</footer>
	<div class="totop" id="totop"><img src="images/fhdb.png" alt=""></div>
	<script src="js/script.js" type="text/javascript"></script>
</body>
</html>